<template>
  <div class="tipsPage bgwhite" v-if="show">
      <h3 class="tipsTitle">知情同意书</h3>
      <ul class="tipsList">
        <li>1、医师接诊后，挂号费不予退费。</li>
        <li>2、该网络平台适用于单纯复诊配药，涉及药物增减及病情变化请来医院就诊。该平台不支持问诊，如有相关需求请到医院就诊。</li>
        <li>3、请仔细核对您需要的药品是否在该平台17种药品目录内。</li>
        <li>4、最大配药量按医保规定执行。</li>
        <li>5、当日17:00前发起的网络配药请求， 药物将在次日9:00开始调配，具体物流信息请查询物流信息。请估算药品到达时间，提前配药，以免耽误您的治疗，但提前时间必须在医保规定范围内。</li>
        <li>6、医保患者当日17:00前在该网络平台发起配药，请在次日8:00-16:00到医院1号楼2楼人工或自主结算，并到药房相应窗口取药。</li>
        <li>7、该网络平台上所配药品原则上不予退药，如属特殊情况的，请带药品及相关材料到医院门诊药房（1号楼2楼）1号窗口，并按国家相关规定办理相应手续。</li>
      </ul>
      <div class="tcenter pt10">
        <mu-checkbox label="我已阅读并同意知情同意书" v-model="haveRead"/>
      </div>
  </div>
</template>

<script>
  export default {
    data () {
      return {
        haveRead: false
      }
    },
    computed: {
      show () {
        return this.$store.state.isShowTips
      }
    },
    watch: {
      'haveRead' (val) {
        if (val) {
          this.$store.commit('hideTips')
        }
      }
    }
  }
</script>

<style lang="less">
  @import "../../common/css/flex.css";
  @import "../../common/css/vars";
  
  .tipsList{
    padding:0 20px;
    li{
      padding-bottom:10px;
    }
  }
  .tipsTitle{
    padding:10px 0;
    text-align: center;
  }
  .xing{
    color: red;
  }
  .tipsPage{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
  }
  .pt10{
    padding-top:10px;
  }
</style>
